<script id="template-tabela-palpites" type="text/x-handlebars-template"> 
{{#each arrPalpites}}
	<tr>
		<td class="hidden"><input type="hidden" name="jogo.id" value="{{jogo.id}}" /></td>
		<td><div class="jogo-count">{{@index}}</div></td>
		<td class="mandante">
			<div class="time" title="{{jogo.mandante.nome}}">
				{{jogo.mandante.nomeCurto}} 
				<div class="right escudo escudo-{{jogo.mandante.nomeCurtoMinusc}} img-thumbnail"></div>
			</div>
		</td>
		<td class="gols-informar"><input type="number" name="numGolsMandante" value="{{numGolsMandante}}"  min="0" max="99" step="1" /></td>
		<td class="placar">
			<span class="num-gols"> {{jogo.mandante.numeroGols}}</span>  
			X 
			<span class="num-gols"> {{jogo.visitante.numeroGols}}</span>
		</td>
		<td class="gols-informar"><input type="number" name="numGolsVisitante" value="{{numGolsVisitante}}"  min="0" max="99" step="1" /></td>
		<td class="visitante">
			<div class="time" title="{{jogo.visitante.nome}}">
				<div class="left escudo img-thumbnail"></div> 
				{{jogo.visitante.nomeCurto}}
			</div>
		</td>
		<td>
			{{jogo.estadio}}<br /> 
			{{formataData jogo.dataHora}}
		</td>
		<td>
			<div class="row">
				<div class="col-md-7"><input type="button" data-function="enviarPalpite" class="btn btn-default" value="Enviar" /></div>
				<div class="col-md-5">
					<div data-status class="status"></div>
				</div>
			</div>
		</td>
		<td class="pontuacao">{{pontosGanhos}}</td>
	</tr>
{{/each}}
</script>
<script>
$(document).ready(function() {
	Handlebars.registerHelper("formataData", function(timestamp) {
	    return new Date(timestamp).toString('dd MM yyyy')
	});
});
</script>